<template>
  <el-container class="cont">
    <el-main class="main padding_10">
      <number></number>
      <charts></charts>
    </el-main>
  </el-container>
</template>

<script>
import number from "./components/number.vue";
import charts from "./components/charts.vue";
export default {
  data() {
    return {
      page: {},
      data: {}
    };
  },
  //外部属性
  props: {},
  //内部方法
  methods: {
    initPage() {}
  },
  //组件
  components: { number, charts },
  //初始化 异步加async await
  mounted() {
    this.initPage();
  },
  //计算属性
  computed: {},
  //监视
  watch: {}
};
</script>

<style lang="scss" scoped>
.cont {
  height: 100%;
  .main {
    display: flex;
    flex-direction: column;
  }
}
</style>
